<template>
    <div>
        <!--过滤器在插值表达式中的使用 -->
        <p>时间:{{ time | formattime }}</p>
        <p>时间:{{ formattime1Fn(time) }}</p>
        <!-- 过滤器在属性上的使用 -->
        <p :username="username | UppercaseFormat">过滤器在属性上使用</p>

        <!-- 过滤器还可以传参 -->
        <p>{{ codeStr | sliceFormat(codeStr.indexOf('故事')) }}</p>
        <!-- 使用全局过滤器 -->
        <p>{{ money | formatMoney }}</p>
    </div>
</template>

<script>
// 使用commonjs模块化语法 导入下载好第三方的依赖
// let moment = require('moment');

// 使用es6模块化的语法 导入第三方的依赖
import moment from 'moment'
// console.log('moment', moment);
// console.log(moment().format());
export default {
    data() {
        return {
            time: new Date().getTime() + 500000, //后端返回的数据
            username: 'aaa',
            codeStr: '白雪公主和七个小矮人的故事',
            money: 20000   //    
        }
    },
    components: {

    },
    methods: {
        formattime1Fn(val) {
            return moment(val).format('YYYY/MM/DD HH:mm:ss')
        }
    },
    directives: {

    },
    // 定义局部过滤器
    filters: {
        formattime(val) {
            console.log('val', val);
            //console.log(moment(val).format('YYYY/MM/DD HH:mm:ss'));
            return moment(val).format('YYYY/MM/DD HH:mm:ss')
        },
        UppercaseFormat(val) {
            return val.toUpperCase()
        },
        sliceFormat(val, n) {

            return val.substr(n)
        }
    }
}
</script>
<style scoped></style>